﻿<div class="bdr-white bol bg-black left pal">
    <div class="left span3 col25">
        <br />
        <h2>
            <span class="txt-red"><b>&raquo;</b></span> Resources</h2>
        <hr class="bdr-gray" />
        <ul class="none pam">
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="features.htm">Feature List</a></li>
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="api.htm">API Docs</a></li>            
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="demos.htm">Demos</a></li>
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="demos.htm#/demos-case-pong-intro" data-behaviors-lazy="Docs.HashLink" onclick="$(this).msg('click')">Case Study :: Pong</a></li>
        </ul>
    </div>
    <div class="left col25 span025 center-vert">
        <div class="middle">
            <div class="center separate-gray inner col2">
            </div>
        </div>
    </div>
    <div class="left span3 col25">
        <br />
        <h2>
            <span class="txt-red"><b>&raquo;</b></span> Newest Demos</h2>
        <hr class="bdr-gray" />
        <ul class="none pam">
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="demos.htm#/demos-classes-breakdown" data-behaviors-lazy="Docs.HashLink" onclick="$(this).msg('click')">Object Breakdown</a></li>
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="demos.htm#/demos-classes-extend" data-behaviors-lazy="Docs.HashLink" onclick="$(this).msg('click')">Extending an Object</a></li>
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="demos.htm#/demos-classes-override" data-behaviors-lazy="Docs.HashLink" onclick="$(this).msg('click')">Overriding Object Members</a></li>
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="demos.htm#/demos-behaviors-basics" data-behaviors-lazy="Docs.HashLink" onclick="$(this).msg('click')">Introduction to Behaviors</a></li>
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="demos.htm#/demos-behaviors-data" data-behaviors-lazy="Docs.HashLink" onclick="$(this).msg('click')">DOM Data and Behaviors</a></li>
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="demos.htm#/demos-behaviors-advanced" data-behaviors-lazy="Docs.HashLink" onclick="$(this).msg('click')">Advanced Behaviors</a></li>
        </ul>
    </div>
    <div class="left col25 span025 center-vert">
        <div class="center middle">
            <div class="center separate-gray inner col2">
            </div>
        </div>
    </div>
    <div class="left span3 col25">
        <br />
        <h2>
            <span class="txt-red"><b>&raquo;</b></span> Credits</h2>
        <hr class="bdr-gray" />
        <ul class="none pam">
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="http://www.tomdupont.net">Tom DuPont</a> (tom@jooquery.com)</li>
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="http://www.zachmayer.net">Zach Mayer</a> (zach@jooquery.com)</li>
        </ul>
        <h3>
            Special Thanks To</h3>
        <ul class="none pam">
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="http://www.match.com">Match.com</a></li>
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="http://www.blizzard.com">Blizzard Entertainment</a></li>
            <li class="pas"><span class="txt-red"><b>&raquo;</b>&nbsp;</span><a class="txt-white"
                href="http://javascript.crockford.com/">Douglas Crockford</a></li>
        </ul>
    </div>
</div>
<div class="clear txtCenter">
    <br />
    <div class="txt-gray txt10">
        Copyright JooQ 2012 &copy;</div>
</div>
